<!DOCTYPE html>
<html>
    <head >
        <meta charset="UTF-8" />
        <title>{% block title %}Homologa 1.0{% endblock %}</title>
        {% block stylesheets %}{% endblock %}
        <link rel="shortcut icon" href="{{ asset('favicon.ico') }}" />
        <link rel="stylesheet" type="text/css" href="{{ asset('css/jquery-ui-1.10.1.custom.css') }}" />
        <link rel="stylesheet" type="text/css" href="{{ asset('css/jquery-ui-1.10.1.custom.min.css') }}" />
        <link rel="stylesheet" media="screen,projection" type="text/css" href="{{ asset('css/main.css') }}" />
        <link rel="stylesheet" media="screen,projection" type="text/css" href="{{ asset('css/scheme.css') }}" />
        <link rel="stylesheet" media="print" type="text/css" href="{{ asset('css/print.css') }}" />

        <script src="{{ asset('js/jquery-1.9.1.js') }}"></script>
        <script src="{{ asset('js/jquery-ui-1.10.1.custom.js') }}"></script>
        <script src="{{ asset('js/jquery.alphanumeric.js') }}"></script>
        {#<script src="{{ asset('js/jquery.ui.progressbar.js') }}"></script>#}
        <script src="{{ asset('js/jquery.blockUI.js') }}"></script>
        
        <script>
    $(function() {

$('#helpLink').click(function(event) {
    var helpSection = $('#helpSection').val();
    $('<div id="dialog" title="Ayuda">'+helpSection+'</div>').appendTo('body');
	event.preventDefault();
		$("#dialog").dialog({					
			width: 800,
                        height: 400,
			modal: true,
			close: function(event, ui) {
				$("#dialog").remove();
				}
			});
    }); //close click
});
        </script>
    </head>

    <body>
        <div id="main">
            <div id="topHeader">
                <div id="header">

                    <!-- Your logo -->
                    <img src="/img/box_icon.gif" width="60" style="margin-top: 5px; margin-left: 10px"/>
                    <h1 id="logo"><a href="#">Homologa</a></h1>
                    <hr class="noscreen" />

                    <!-- Your slogan -->
                    <div id="slogan">
                    {% if app.user != null %}
                            Usuario: {{ app.user }} <br/>
                            <a href="{{ path('fos_user_security_logout') }}"> Cerrar sesión</a>
                    {% endif %}
                            <br/>
                    {% if app.user == null %}
                            <a href="{{ path('fos_user_security_login') }}"> Ingresar</a> |
                            <a href="{{ path('persona_new') }}">Registrarse</a>
                    {% endif %}     

                        </div>
                        <hr class="noscreen" />
                    </div>


                    <div id="nav" style="margin-bottom: 2em;">
                        <ul class="box">

                            <li><a href="{{ url('inicio')}}" title="Ir al inicio">Inicio</a></li>

                    {% if app.user != null and app.user.tieneRol('ROLE_ADMINISTRADOR') %} 
                            <li><a href="{{ url('universidad')}}" title="Administrar universidades">Universidad</a></li>
                    {%endif%}

                    {% if app.user != null and app.user.tieneRol('ROLE_ADMINISTRADOR') %} 
                            <li><a href="{{ url('area')}}" title="Administrar areas">Area</a></li>
                    {%endif%}

                    {% if app.user != null and app.user.tieneRol('ROLE_ADMINISTRADOR') %} 
                            <li><a href="{{ url('carrera')}}" title="Administrar Carreras">Carrera</a></li>
                    {%endif%}

                    {% if app.user != null and app.user.tieneRol('ROLE_ADMINISTRADOR') %} 
                            <li><a href="{{ url('mallacurricular')}}" title="Administrar Mallas Curriculares">Malla Curricular</a></li>
                    {%endif%}
                            
                    {% if app.user != null and app.user.tieneRol('ROLE_DOCENTE') %} 
                            <li><a href="{{ url('mallacurricular')}}" title="Administrar Mallas Curriculares">Malla Curricular</a></li>
                    {%endif%}

                    {% if app.user != null and app.user.tieneRol('ROLE_DOCENTE') %} 
                            <li><a href="{{ url('peticionhomologacion')}}" title="Administrar Peticiones de homologación">Homologar</a></li>
                    {%endif%}

                    {% if app.user != null and app.user.tieneRol('ROLE_SECRETARIA') %} 
                            <li><a href="{{ url('peticionhomologacion')}}" title="Administrar Peticiones de homologación">Homologar</a></li>
                    {%endif%}

                    {% if app.user != null and app.user.tieneRol('ROLE_ESTUDIANTE') %} 
                            <li><a href="{{ url('peticionhomologacion')}}" title="Consultar Peticione de homologación">Homologar</a></li>
                    {%endif%}

                        {% if app.user != null and app.user.tieneRol('ROLE_ADMINISTRADOR') %} 
                            <li><a href="{{ url('persona')}}" title="Administrar Usuarios">Usuarios</a></li>
                    {%endif%}

                    {% if app.user != null %}
                            <li><a href="{{ url('persona_edit', {'id': app.user.persona.id})}}" title="Cambiar Contraseña">Mi perfil</a></li>  
                    {% endif %}

                    {% if app.user != null %} 
                            <img src="/img/help.png" id="helpLink" class="helpButton" style="margin-top: 4px;"/>
                    {%endif%}  

                        </ul>
                                        

                        <hr class="noscreen" /> 

                    </div>
                    

                        
                      
                </div>


                <div class="box" style="background-color: #ffffff; border-radius: 5px; box-shadow: 5px 5px 5px #888888; margin-bottom: 20px;">

                    <!-- Content -->
                    <div id="content">

                        <div id="searcher">
                            <h2 id="content-title">{% block greensectiontitle %}{% endblock %}</h2>

                            <!-- Perex -->
                            <div id="perex" class="box">
                                <p>{% block greensectionbody %}{% endblock %}</p>
                            </div> <!-- /perex -->

                            <hr class="noscreen" />
                        </div>
                        <div id="content-in">{% block body %}{% endblock %}</div> <!-- /content-in -->

                    </div> <!-- /content -->

                    <hr class="noscreen" />
                    
                    <!--div id="helpSection" title="Ayuda" style="display:none"-->
                        <textarea cols="0" rows="0" id="helpSection" style="display:none">
                        {% set currentPath = app.request.attributes.get('_route') %}
                        {% render "UnlHomologacionBundle:Base:ayuda" with { 'url': currentPath }%}
                        </textarea>
                    <!--/div--> 

                </div> <!-- /cols -->

                <div id="footer">
                    <table cellpading="0" cellspacing="0" style="margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; text-align: left;">
                        <tr>
                            <td>
                                <img src="/img/logo.png" width="40"/>
                            </td>
                            <td style="vertical-align: middle;">
                                <a href="http://unl.edu.ec" target="blank">Universidad Nacional de Loja</a><br/>
                                Homologa 1.0 &copy;&nbsp;2013
                            </td>
                        </tr>
                    </table>                    
                </div>
                <script type="text/javascript">
                    {#Permitir sólo caracteres numéricos#}
                    jQuery('.entero').numeric();
                    {#Permitir sólo caracteres numéricos, y algunas excepciones como el punto (.)#}
                    jQuery('.decimal').numeric({allow:"."});
                    {#Permitir sólo caracteres alfanuméricos#}
                    jQuery('.alfanumerico').alphanumeric();
                    {#Permitir sólo caracteres alfanuméricos, y algunas excepciones como el punto (.), La coma (,) y el espacio#}
                    jQuery('.alfanumerico1').alphanumeric({allow:"., "});
                    {#Permitir sólo caracteres alfanuméricos, y algunas excepciones como el punto (.), La coma (,), los dos puntos (:), y el espacio#}
                    jQuery('.alfanumerico2').alphanumeric({allow:".,: "});
                    {#Permita que solamente caracteres alfabéticos en minúsculas#}
                    jQuery('.alfanumericom').alpha({nocaps:true});
                    {#Permita que solamente caracteres alfabéticos con excepcion de espacio#}
                    jQuery('.alfa').alpha({allow:" "});
                    {#Permita que solamente caracteres alfabéticos con excepcion de La coma (,)#}
                    jQuery('.alfa1').alpha({allow:", "});
                    {#Permita que solamente caracteres alfabéticos con excepcion de La coma (,), El punto (.), Los dos puntos (:), y el espacio#}
                    jQuery('.alfa2').alpha({allow:",.: "});
            
                    jQuery('#searchButton').click(function() {
                        jQuery('#searchForm').submit();
                    });
            
                    jQuery('#saveButton').click(function() {
                        jQuery('#editForm').submit();
                    });  
            
                    jQuery('#deleteButton').click(function() {
                        jQuery('#deleteForm').submit();
                    });  
            
 
 
 
 
                    </script>
        {% block javascripts %}{% endblock %}
            </body>
        </html>
